
import { StyleSheet, } from 'react-native'

const primary = "#FFDA25";
const link = "#311B1A";

export default StyleSheet.create({
    backgroundColor: {
        backgroundColor: primary
    },
    textColor: {
        color: link
    },
    containerWhite: {
        flex: 1,
        backgroundColor: '#fff'
    },
    containerBlack: {

    },
    containerGray: {

    },
    title: {
        fontSize: 28,
        color: '#333333',
        lineHeight: 30,
        zIndex: 1,
        fontWeight: 'bold'
    },
    headerTitleBox: {
        marginBottom: 5
    },
    headerTitle: {
        fontSize: 22,
        color: '#333333',
        lineHeight: 30,
        zIndex: 1,
        fontWeight: 'bold'
    },
    nameText: {
        fontSize: 18,
        color: '#333333',
        lineHeight: 20,
        zIndex: 1,
    },
    infoText: {
        fontSize: 12, color: '#BCBCBC', lineHeight: 18, marginTop: 9
    },
    titleLine: {
        backgroundColor: '#FFDA24', height: 5, borderRadius: 2.5, marginTop: -6, zIndex: 0
    },
    line: {
        backgroundColor: '#E7E7E7', height: 1, marginVertical: 10,
    },
    info: {
        fontSize: 16, color: '#BCBCBC', lineHeight: 18, marginTop: 9
    },
    bannerFont: {
        paddingHorizontal: 10, fontSize: 16, color: '#BCBCBC', lineHeight: 32, backgroundColor: '#333333',
    },
    flexRowCenterCenter: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'center',
    },
    flexColumnCenterCenter: {
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
    },
    flexRowStart: {
        flexDirection: 'row',
        alignItems: 'flex-start',
    },
    flexRowStartStart: {
        flexDirection: 'row',
        alignItems: 'flex-start',
        justifyContent: 'flex-start',
    },
    flexColumnStartStart: {
        flexDirection: 'column',
        alignItems: 'flex-start',
        justifyContent: 'flex-start',
    },
    flexRowStartCenter: {
        flexDirection: 'row',
        alignItems: 'flex-start',
        justifyContent: 'center',
    },
    flexRowStartBetween: {
        flexDirection: 'row',
        alignItems: 'flex-start',
        justifyContent: 'space-between',
    },
    flexRowCenterStart: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'flex-start',
    },
    flexRowCenterEnd: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'flex-end',
    },
    flexRowCenterBetween: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'space-between',
    },
})
